<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>睿游内网</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="<?php echo (C("web_root")); ?>Public/tableorder/jquery-latest.js"></script>
<script  src="<?php echo (C("web_root")); ?>Public/tableorder/jquery.tablesorter.js"></script>
<link rel="stylesheet" href="<?php echo (C("web_root")); ?>Public/tableorder/table-order.css" type="text/css" media="screen" title="Flora (Default)">
<script language="javascript">
$(document).ready(function(){
    $("#example").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']});//0为升序    1降。
  });
</script>
<style type="text/css">
body{ background-color:#FFF;}
body,div,ul{margin:0; padding:0; font-family:'微软雅黑'; font-weight:lighter; list-style:none;}
#main-wrap {width:100%; margin:0; padding:0; text-align:left;}
#main-wrap td{vertical-align:top;}
#main-wrap header{
	width:100%; height:80px; color:#EEE;
	background-color:rgba(20,20,20,0.8); box-shadow:0 2px 2px #222;
	margin-bottom:20px;
}
#left-nav{
	width:250px; height:600px;
	text-align:center;
}
#left-nav ul{ width:95%; text-align:center;}
#left-nav li{
	width:auto; padding:10px 0 10px 50px; text-align:left; 
	letter-spacing:1px; color:#333; text-decoration:none; 
	background-color:rgb(250,250,250); margin:0 0 5px 10px;
	border-radius:3px; font-size:14px; font-weight:normal;
	box-shadow:0 0 1px #FFFFFF; border:#EEE 1px solid;
}
#left-nav li:hover{ border:#CCC 1px solid;}
#left-nav a{ text-decoration:none;}

#main-table { width:100%;}
#main-table td{ vertical-align:top;}
#litile-nav{float:left; vertical-align:top; width:100%;}
#litile-nav ul{ width:100%; border-radius:3px; overflow:hidden; padding-top:3px;}
#litile-nav li{float:left; cursor:default;}
#litile-nav .li-nav{
	float:left; width:100px;
	background-color:rgb(250,250,250); border:#EEE 1px solid;
	text-align:center; vertical-align:middle; font-size:14px;
	padding:5px 0 5px 0; color:#000;
}
#litile-nav .li-nav:hover{ border-bottom:#999 1px solid;}
#litile-nav .li-deal-form{width:0; overflow:hidden; white-space:nowrap;}
#litile-nav .li-select-form{width:0; overflow:hidden; white-space:nowrap;}
#sql-info{
	padding-top:20px;
}
#sql-info .table-1{
	width:90%;font-weight:lighter; font-size:14px;
	margin:30px 0 0 5px;border-collapse:collapse;
	border-color:#999;
}
#sql-info .table-1 th{text-align:left; letter-spacing:3px;}
#sql-info .table-1 td,th{ height:30px; vertical-align:middle; padding-left:5px; cursor:default;}

#sql-info .table-2{font-weight:lighter; font-size:14px; margin:30px 0 0 30px;}
.text-1{width:140px; height:28px; margin:0; padding:0; border:#F63 1px solid; margin-left:10px;}
.text-1:focus{outline:none; border-color:#FC3;}
.button-1{width:70px; height:30px; margin:0; padding:0; border:#F63 1px solid; background-color:#FFF; border-left:0;}
.button-1:hover{background-color:#EEE;}
.button-2{width:60px; height:25px; margin:0; padding:0; border:#CCC 1px solid; background-color:#FFF;}
.text-3{width:180px; height:25px; border:#CCC 1px solid; border-radius:1px; margin:0; padding:0;}
.text-3:focus{outline:none; border-color:#F93;}
.button-3{width:70px; height:25px; margin:0; padding:0; border:#999 1px solid; background-color:#FFF;}
.button-3:hover{background-color:#CCC;}

.text-4{width:140px; height:28px; margin:0; padding:0; border:#CCC 1px solid; margin-left:10px;}
.text-4:focus{outline:none; border-color:#FC3;}
.button-4{width:70px; height:30px; margin:0; padding:0; border:#CCC 1px solid; background-color:#FFF; border-left:0;}
.button-4:hover{background-color:#EEE;}

.file-box{ position:relative;width:240px} 
.txt{ height:22px; border:1px solid #cdcdcd; width:180px;} 
.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:26px; width:70px;font:13px '微软雅黑';} 
.file{ position:absolute; top:0; right:40px; height:24px; filter:alpha(opacity:0);opacity: 0;width:260px } 
</style>
</head>

<body>
<table id="main-wrap" border="0" cellpadding="0" cellspacing="0">
	<tr>
    	<td colspan="2">
    		<header>
        	</header>
   		</td>
    </tr>
    <tr>
    	<td width="300">
        	<div id="left-nav">
        		<ul>
            		<a href=""><li>面试记录</li></a>
                	<a href="../Device/getDevice"><li>设备管理</li></a>
                	<a href="../GameJudge/getJudge"><li>游戏评测</li></a>
            	</ul>
        	</div>
        </td>
        <td>
        	<div id="content">
        		<div id="litile-nav">
            		<ul>
            		<?php echo ($itw_list); ?>
                    </ul>
            	</div>
            
            	<div id="sql-info">
            		<?php echo ($html_content); ?>
            	</div>
            </div>
        </td>
     </tr>
</table>
</body>
<script language="javascript">
$("<?php echo ($active_li); ?>").css("background-color","#aaa");
//deal itw
var deal_num=0;
function dealItw(id,buttonid){
	if(deal_num%2 == 0){
		$(".li-deal-form").animate({width:300},100);
		$("#form-id").val(id);
		$(buttonid).css("background-color","#F93");
	}else{
		$(".li-deal-form").animate({width:0},100);
		$(".button-2").css("background-color","#FFF");
	}
	deal_num++;
}

var select_num = 0
$("#l-n-li4").click(function(){
	if(select_num%2 == 0) $("#li-select-form").animate({width:300},100);
	else $("#li-select-form").animate({width:0},100);
	select_num++;
});
</script>
</html>